<template>
    <div class="nav-bar">
          <van-nav-bar
            class="app-nav-bar"
            :title="title"
            @click-left="$router.back()"
            >
            <slot name="left"></slot>
            <slot name="right"></slot>
            <div slot="left">
             <van-icon color="#fff" size="25" name="arrow-left" />
            </div>
        </van-nav-bar>
    </div>
</template>

<script>
export default {
    name: 'ToutiaoMNavbar',
    props: {
        title: {
            type: String,
            require: true,
        }
    },
    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="less" scoped>

</style>